<template>
    <header>
        <h2>抱歉，您当前的角色无法访问该页面！</h2>
    </header>
    <main v-blog-title data-title="暂无权限">
        <ul>
            <li><span class="li-title">本站网址:</span> <a href="https://www.huhailong.vip">www.huhailong.vip</a></li>
            <li><span class="li-title">站长微信:</span> Spiral2023</li>
            <li><span class="li-title">站长邮箱:</span> hhlworkspace@qq.com</li>
        </ul>
    </main>
</template>
<style scoped>
header{
    text-align: center;
}
main{
    width: 100%;
    height: calc(100vh - 140px);
    background-image: url(https://www.huhailong.vip/res/img/no_author.png);
    background-repeat: no-repeat;
    background-position-x: center;
}
h2{
    color: gray;
}
ul > li{
    list-style: none;
    margin: 10px 0;
}
.li-title{
    font-weight: bold;
}
</style>